html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s{
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:'微软雅黑','MicrosoftYaHei'!important; word-break: break-all;
}
input,select,textarea,button{font-family: '微软雅黑','MicrosoftYaHei'!important; font-size: 14px;color:#333333;}
/* 去掉表单的默认样式 */
.selectDefault{appearance: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;background-color: transparent;}
.buttonDefault{overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent}
.buttonDefault::-moz-focus-inner{padding:0}
.textareaDefault,.inputDefault,.inputPawDefault{background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.inputDefault,.inputPawDefault{appearance: none;-webkit-appearance: none; border: 0;}
.inputPawDefault{-webkit-text-security:disc;}
.textareaDefault:focus,.inputDefault:focus,.buttonDefault:focus{outline:none}

/*placeholder*/
.placeholder999::-webkit-input-placeholder{color: #999;}
.placeholder999:-moz-placeholder{color: #999;}
.placeholder999::-moz-placeholder{color: #999;}
.placeholder999:-ms-input-placeholder{color: #999;}
.placeholderccc::-webkit-input-placeholder{color: #ccc;}
.placeholderccc:-moz-placeholder{color: #ccc;}
.placeholderccc::-moz-placeholder{color: #ccc;}
.placeholderccc:-ms-input-placeholder{color: #ccc;}

/*全局CSS*/
[v-cloak] { display: none;}
.cursor{cursor: pointer;}
html,body{background-color: #fff;overflow-x: hidden; min-height:100%;}
ul,ol{list-style:none}
a img{border:none;}
a,a:link{text-decoration:none;color: #333}
.inline_div{ display: inline-block;}
.block_div{ display: block;}
.box-sizing{ box-sizing: border-box}
.hide{ display: none;}
.show{ display: block;}
.overflow_auto{overflow: auto!important;-webkit-overflow-scrolling: touch;}
.overflow_hide{overflow: hidden;}
.overflowx_hide{overflow-x: hidden;}
.overflowy{overflow-y: scroll;}
.markBox{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.4);top:0;left:0;z-index:1;}
.coverImg{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;}
.coverImg1{background-position:center;background-size:100% 100%!important;background-repeat:no-repeat!important;}
.bgCover{background-size:cover!important;}

.cursorPoint{cursor:pointer}

/*多行超出文字显示'...'*/
.only_line{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.line1{text-overflow: ellipsis;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.line2{text-overflow: ellipsis;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{text-overflow: ellipsis;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{text-overflow: ellipsis;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

/*背景颜色*/
.bg-fff{background-color: #ffffff!important;}
.bg-ccc{background-color: #cccccc!important;}
.bg-000{background-color: #000000!important;}
.bg-333{background-color: #333333!important;}
.bg-666{background-color: #666666!important;}
.bg-999{background-color: #999999!important;}
.bg-eee{background-color: #eeeeee!important;}
.bg-f1{background-color: #f1f1f1!important;}
.bg-f5{background-color: #f5f5f5!important;}
.bg-f7{background-color: #F7f7f7!important;}
.bg-f8{background-color: #f8f8f8!important;}


/* 字体颜色 */
.color-ccc{ color:#ccc;}
.color-eee{ color:#eee;}
.color-fff{color:#fff;}
.color-000{color: #000;}
.color-333{ color:#333;}
.color-555{ color:#555;}
.color-666{ color:#666;}
.color-999{ color:#999;}
.color-ff{ color:#ff0000;}

/*字体样式库*/
.font-w5{ font-weight: 500;}
.font-w6{ font-weight: bold;}
.font0{font-size: 0px!important;}
.font10{font-size: 10px!important;}
.font12{font-size: 12px!important;}
.font13{font-size: 13px!important;}
.font14{font-size: 14px!important;}
.font15{font-size: 15px!important;}
.font16{font-size: 16px!important;}
.font18{font-size: 18px!important;}
.font20{font-size: 20px!important;}
.font22{font-size: 22px!important;}
.font24{font-size: 24px!important;}
.font26{font-size: 26px!important;}
.font28{font-size: 28px!important;}
.font30{font-size: 30px!important;}
.font32{font-size: 32px!important;}
.font34{font-size: 34px!important;}
.font36{font-size: 36px!important;}
.font38{font-size: 38px!important;}
.font40{font-size: 40px!important;}
.font42{font-size: 42px!important;}
.font44{font-size: 44px!important;}
.font46{font-size: 46px!important;}
.font48{font-size: 48px!important;}
.font60{font-size: 60px!important;}


/*宽高设置 */
.wid_5{width: 5%!important;overflow-x: hidden;}
.wid_10{width: 10%!important;overflow-x: hidden;}
.wid_20{width: 20%!important;overflow-x: hidden;}
.wid_25{width: 25%!important;overflow-x: hidden;}
.wid_30{width: 30%!important;overflow-x: hidden;}
.wid_40{width: 40%!important;overflow-x: hidden;}
.wid_50{width: 50%!important;overflow-x: hidden;}
.wid_60{width: 60%!important;overflow-x: hidden;}
.wid_70{width: 70%!important;overflow-x: hidden;}
.wid_80{width: 80%!important;overflow-x: hidden;}
.wid_90{width: 90%!important;overflow-x: hidden;}
.wid_100{width:100%!important;overflow-x: hidden;}

.hgt_20{ height: 20%!important;overflow-y: hidden;}
.hgt_25{ height: 25%!important;overflow-y: hidden;}
.hgt_50{ height: 50%!important;overflow-y: hidden;}
.hgt_60{ height: 60%!important;overflow-y: hidden;}
.hgt_70{ height: 70%!important;overflow-y: hidden;}
.hgt_80{ height: 80%!important;overflow-y: hidden;}
.hgt_90{ height: 90%!important;overflow-y: hidden;}
.hgt_100{ height: 100%!important;}
.hgt_full{ height: 100%!important;overflow-y: hidden;}

.wid13{width: 13px;overflow-x: hidden;}
.wid14{width: 14px;overflow-x: hidden;}
.wid15{width: 15px;overflow-x: hidden;}
.wid16{width: 16px;overflow-x: hidden;}
.wid18{width: 18px;overflow-x: hidden;}
.wid20{width: 20px;overflow-x: hidden;}
.wid22{width: 22px;overflow-x: hidden;}
.wid24{width: 24px;overflow-x: hidden;}
.wid25{width: 25px;overflow-x: hidden;}
.wid26{width: 26px;overflow-x: hidden;}
.wid28{width: 28px;overflow-x: hidden;}
.wid30{width: 30px;overflow-x: hidden;}
.wid35{width: 35px;overflow-x: hidden;}
.wid34{width: 34px;overflow-x: hidden;}
.wid36{width: 36px;overflow-x: hidden;}
.wid40{width: 40px;overflow-x: hidden;}
.wid50{width: 50px;overflow-x: hidden;}
.wid60{width: 60px;overflow-x: hidden;}
.wid70{width: 70px;overflow-x: hidden;}
.wid80{width: 80px;overflow-x: hidden;}
.wid120{width: 120px;overflow-x: hidden;}
.wid140{width: 140px;overflow-x: hidden;}
.wid150{width: 150px;overflow-x: hidden;}
.wid160{width: 160px;overflow-x: hidden;}
.wid180{width: 180px;overflow-x: hidden;}
.wid200{width: 200px;overflow-x: hidden;}
.wid250{width: 250px;overflow-x: hidden;}
.wid1200{width: 1200px;overflow-x: hidden;}

.hgt1{ height: 1px!important;overflow-y: hidden;}
.hgt13{ height: 13px!important;overflow-y: hidden;}
.hgt14{ height: 14px!important;overflow-y: hidden;}
.hgt16{ height: 16px!important;overflow-y: hidden;}
.hgt18{ height: 18px!important;overflow-y: hidden;}
.hgt20{ height: 20px!important;overflow-y: hidden;}
.hgt22{ height: 22px!important;overflow-y: hidden;}
.hgt24{ height: 24px!important;overflow-y: hidden;}
.hgt25{ height: 25px!important;overflow-y: hidden;}
.hgt26{ height: 26px!important;overflow-y: hidden;}
.hgt28{ height: 28px!important;overflow-y: hidden;}
.hgt30{ height: 30px!important;overflow-y: hidden;}
.hgt32{ height: 32px!important;overflow-y: hidden;}
.hgt35{ height: 35px!important;overflow-y: hidden;}
.hgt34{ height: 34px!important;overflow-y: hidden;}
.hgt36{ height: 36px!important;overflow-y: hidden;}
.hgt40{ height: 40px!important;overflow-y: hidden;}
.hgt42{ height: 42px!important;overflow-y: hidden;}
.hgt45{ height: 45px!important;overflow-y: hidden;}
.hgt50{ height: 50px!important;overflow-y: hidden;}
.hgt60{ height: 60px!important;overflow-y: hidden;}
.hgt70{ height: 70px!important;overflow-y: hidden;}
.hgt80{ height: 80px!important;overflow-y: hidden;}
.hgt90{ height: 90px!important;overflow-y: hidden;}
.hgt100{ height: 100px!important;overflow-y: hidden;}
.hgt150{ height: 150px!important;overflow-y: hidden;}
.hgt200{ height: 200px!important;overflow-y: hidden;}
.hgt250{ height: 250px!important;overflow-y: hidden;}
.hgt500{ height: 500px!important;overflow-y: hidden;}
.hgt600{ height: 600px!important;overflow-y: hidden;}

/*****行高******/

.l-h-20{line-height: 20px;}
.l-h-22{line-height: 22px;}
.l-h-24{line-height: 24px;}
.l-h-25{line-height: 25px;}
.l-h-30{line-height: 30px;}
.l-h-35{line-height: 35px;}
.l-h-36{line-height: 36px;}
.l-h-40{line-height: 40px;}
.l-h-45{line-height: 45px;}
.l-h-50{line-height: 50px;}
.l-h-60{line-height: 60px;}
.l-h-80{line-height: 80px;}

/*对齐,浮动*/
.relative{position: relative;}
.absolute{position: absolute;}
.vertical_mid{ vertical-align: middle;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-justify{text-align:justify;}


/*margin-no*/
.m-b-no{ margin-bottom: 0!important;}
.m-t-no{ margin-top: 0!important;}
.m-l-no{ margin-left:0!important ;}
.m-r-no{ margin-right: 0!important;}

/* margin */
.marg0{ margin: 0!important;}
.marg5{ margin: 5px;}
.marg10{ margin: 10px;}
.marg15{ margin: 15px;}
.marg20{ margin: 20px;}
.marg25{ margin: 25px;}
.marg30{ margin: 30px;}

/* margin-left */
.m-l-5{margin-left: 5px;}
.m-l-10{margin-left: 10px;}
.m-l-12{margin-left: 12px;}
.m-l-15{margin-left: 15px;}
.m-l-20{margin-left: 20px;}
.m-l-25{margin-left: 25px;}
.m-l-30{margin-left: 30px;}
.m-l-35{margin-left: 35px;}
.m-l-40{margin-left: 40px;}

/* margin-right */
.m-r-5{margin-right: 5px;}
.m-r-10{margin-right: 10px;}
.m-r-12{margin-right: 12px;}
.m-r-15{margin-right: 15px;}
.m-r-20{margin-right: 20px;}
.m-r-25{margin-right: 25px;}
.m-r-30{margin-right: 30px;}
.m-r-35{margin-right: 35px;}

/* margin-top */
.m-t-5{margin-top: 5px;}
.m-t-10{margin-top: 10px;}
.m-t-15{margin-top: 15px;}
.m-t-20{margin-top: 20px;}
.m-t-25{margin-top: 25px;}
.m-t-30{margin-top: 30px;}
.m-t-35{margin-top: 35px;}
.m-t-40{margin-top: 40px;}
.m-t-45{margin-top: 45px;}
.m-t-50{margin-top: 50px;}
.m-t-55{margin-top: 55px;}
.m-t-60{margin-top: 60px;}

/* margin-bottom */
.m-b-5{margin-bottom: 5px;}
.m-b-10{margin-bottom: 10px;}
.m-b-15{margin-bottom: 15px;}
.m-b-20{margin-bottom: 20px;}
.m-b-25{margin-bottom: 25px;}
.m-b-30{margin-bottom: 30px;}
.m-b-40{margin-bottom: 40px;}
.m-b-60{margin-bottom: 60px;}

/*margin-top margin-bottom */
.m-v-5{margin-top: 5px;margin-bottom: 5px;}
.m-v-10{margin-top: 10px;margin-bottom: 10px;}
.m-v-15{margin-top: 15px;margin-bottom: 15px;}
.m-v-20{margin-top: 20px;margin-bottom: 20px;}
.m-v-25{margin-top: 25px;margin-bottom: 25px;}
.m-v-30{margin-top: 30px;margin-bottom: 30px;}
.m-v-35{margin-top: 35px;margin-bottom: 35px;}

/* margin-left margin-right */
.m_both5{margin-left: 5px;margin-right: 5px;}
.m_both10{margin-left: 10px;margin-right: 10px;}
.m_both15{margin-left: 15px;margin-right: 15px;}
.m_both20{margin-left: 20px;margin-right: 20px;}
.m_both25{margin-left: 25px;margin-right: 25px;}
.m_both30{margin-left: 30px;margin-right: 30px;}
.m_both50{margin-left: 50px;margin-right: 50px;}

/* padding-no */
.p-l-no{ padding-left: 0!important;}
.p-r-no{ padding-right: 0!important;}
.p-t-no{ padding-top: 0!important;}
.p-b-no{ padding-bottom: 0!important;}

.p-v-5{ padding-top:5px;padding-bottom:5px;}
.p-v-8{ padding-top:8px;padding-bottom:8px;}
.p-v-10{ padding-top:10px;padding-bottom:10px;}
.p-v-15{ padding-top:15px;padding-bottom:15px;}
.p-v-20{ padding-top:20px;padding-bottom:20px;}
.p-v-25{ padding-top:25px;padding-bottom:25px;}
.p-v-30{ padding-top:30px;padding-bottom:30px;}
.p-v-35{ padding-top:35px;padding-bottom:35px;}
.p-v-40{ padding-top:40px;padding-bottom:40px;}

.p_both5{ padding-left: 5px; padding-right: 5px;}
.p_both10{ padding-left: 10px; padding-right: 10px;}
.p_both15{ padding-left: 15px; padding-right: 15px;}
.p_both20{ padding-left: 20px; padding-right: 20px;}
.p_both25{ padding-left: 25px; padding-right: 25px;}
.p_both30{ padding-left: 30px; padding-right: 30px;}
.p_both35{ padding-left: 35px; padding-right: 35px;}
.p_both40{ padding-left: 40px; padding-right: 40px;}

/* padding-left */
.p-l-5{ padding-left:5px;}
.p-l-10{ padding-left:10px;}
.p-l-12{ padding-left:12px;}
.p-l-15{ padding-left:15px;}
.p-l-20{ padding-left:20px;}
.p-l-25{ padding-left:25px;}
.p-l-30{ padding-left:30px;}
.p-l-35{ padding-left:35px;}
.p-l-40{ padding-left:40px;}
.p-l-45{ padding-left:45px;}
.p-l-50{ padding-left:50px;}

/* padding-right */
.p-r-5{ padding-right:5px;}
.p-r-10{ padding-right:10px;}
.p-r-12{ padding-right:12px;}
.p-r-15{ padding-right:15px;}
.p-r-20{ padding-right:20px;}
.p-r-25{ padding-right:25px;}
.p-r-30{ padding-right:30px;}
.p-r-35{ padding-right:35px;}
.p-r-40{ padding-right:40px;}
.p-r-45{ padding-right:45px;}
.p-r-50{ padding-right:50px;}

/* padding-top */
.p-t-5{ padding-top:5px;}
.p-t-10{ padding-top:10px;}
.p-t-15{ padding-top:15px;}
.p-t-20{ padding-top:20px;}
.p-t-25{ padding-top:25px;}
.p-t-30{ padding-top:30px;}
.p-t-35{ padding-top:35px;}
.p-t-40{ padding-top:40px;}
.p-t-45{ padding-top:45px;}
.p-t-50{ padding-top:50px;}

/* padding-bottom */
.p-b-5{ padding-bottom:5px;}
.p-b-10{ padding-bottom:10px;}
.p-b-15{ padding-bottom:15px;}
.p-b-20{ padding-bottom:20px;}
.p-b-25{ padding-bottom:25px;}
.p-b-30{ padding-bottom:30px;}
.p-b-35{ padding-bottom:35px;}
.p-b-40{ padding-bottom:40px;}
.p-b-45{ padding-bottom:45px;}
.p-b-50{ padding-bottom:50px;}

/* padding */
.pad0 {  padding: 0;}
.pad5{padding: 5px;}
.pad10{padding: 10px;}
.pad15{padding: 15px;}
.pad20{padding: 20px;}
.pad25{padding: 25px;}
.pad30{padding: 30px;}
.pad35{padding: 35px;}
.pad40{padding: 40px;}




/*radius*/
.radius0{ border-radius: 0;}
.radius2{ border-radius: 2px;}
.radius3{ border-radius: 3px;}
.radius4{ border-radius: 4px;}
.radius5{ border-radius: 5px;}
.radius6{ border-radius: 6px;}
.radius7{ border-radius: 7px;}
.radius8{ border-radius: 8px;}
.radius9{ border-radius: 9px;}
.radius10{ border-radius: 10px;}
.radius15{ border-radius: 15px;}
.radius16{ border-radius: 16px;}
.radius_half{border-radius: 50%;}


/*border*/
.border0{border:none!important}
.border-t-no{border-top: none!important;}
.border-b-no{border-bottom: none!important;}
.border-l-no{border-top: none!important;}
.border-r-no{border-bottom:none!important;}

.border-333{ border: 1px solid #333;}
.border-666{ border: 1px solid #666;}
.border-999{ border: 1px solid #999;}
.border-ccc{ border: 1px solid #ccc;}
.border-eee{ border: 1px solid #eee;}

.border-t-ccc{border-top: 1px solid #ccc;}
.border-b-ccc{border-bottom: 1px solid #ccc;}
.border-l-ccc{border-left: 1px solid #ccc;}
.border-r-ccc{border-right: 1px solid #ccc;}

.border-t-eee{border-top: 1px solid #eee;}
.border-b-eee{border-bottom: 1px solid #eee;}
.border-l-eee{border-left: 1px solid #eee;}
.border-r-eee{border-right: 1px solid #eee;}


/*flex布局*/
.flex_dom{display:flex!important;display: -webkit-box!important;display: -webkit-flex!important;}
.flex_column{display: flex!important;display: -webkit-box!important;display: -webkit-flex!important;flex-direction: column;-webkit-flex-direction: column;}

.flex_1{flex: 1;-webkit-flex:1;display: block;min-width: 0;}
.flex_item_between{justify-content: space-between;-webkit-justify-content: space-between;}
.flex_item_around{justify-content: space-around;-webkit-justify-content: space-around;}
.flex_item_mid{align-items:center;-webkit-align-items: center;}
.flex_item_stretch{align-items: stretch!important;-webkit-align-items: stretch!important;}
.flex_wrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;}

.flex_mid{display:flex!important;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.column_center{display: flex!important;display: -webkit-box!important;display: -webkit-flex!important;flex-direction: column;-webkit-flex-direction: column;align-items:center;-webkit-align-items:center;}
.flex_stretch{display:flex!important;display:-webkit-flex;align-items:stretch;-webkit-align-items:stretch;}
.flex_between{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;}
.flex_around{display:flex;display:-webkit-flex;justify-content:space-around;-webkit-justify-content:space-around;}
.around-center{display:flex;display:-webkit-flex;justify-content:space-around;align-items:center;-webkit-justify-content:space-around;-webkit-align-items:center;}
.between-center{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;-webkit-justify-content:space-between;-webkit-align-items:center;}
.center-end{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:flex-end;-webkit-justify-content:flex-end;}
.flex-end{display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;}
.flex-dom-wrap{display:flex;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.column-between{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-between;-webkit-justify-content:space-between;}
.column-around{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-around;-webkit-justify-content:space-around;}
.column-center-b{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;}
.column-center-c{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-around;-webkit-justify-content:space-around;align-items:center;-webkit-align-items:center;}
.column-stretch-c{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-around;-webkit-justify-content:space-around;align-items:stretch;-webkit-align-items:stretch;}